<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>ReinovoLab</title></reinovo-lab></title>
		<link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='img/logo.svg') }}">
        <link rel="stylesheet" href="{{ url_for('static',filename='css/style.css') }}">
        <link rel="stylesheet" href="{{ url_for('static',filename='css/slam_style.css') }}">
        <link rel="stylesheet" href="{{ url_for('static',filename='css/rei_style.css') }}">
        <script src="{{ url_for('static',filename='dist/jquery.min.js') }}"></script>
        <script src="{{ url_for('static',filename='dist/socket.io.js') }}"></script>
        <script src="{{ url_for('static',filename='dist/roslib.js') }}"></script>
		<script src="{{ url_for('static',filename='dist/ros3d.js') }}"></script>
    </head>
    <body>
        <div id="robot">
            <div class="App">
                <header class="App-header">
                    <div class="App-header-right">
                        <div class="App-logo">
                            <img src='static/img/logo.png' alt="logo">
                        </div>
                    </div>
                    <div class="App-header-right">
                        <div class="App-blockly-header"></div>
                        <a href="/">
							<div class="App-hearder-tab">首页</div>
						</a>
                        <div class="App-language">
                            <span class="App-language-img"></span>
                            <span class="text">简体中文</span>
                            <span class="App-lauguage-select"></span>
                        </div>
                    </div>

                </header>
                <div class="App-control">
                    <div id="App-slam-menu">
                        <div id="rei-make-map" class="App-slam-menu-select">
                            <div class="rounded-edges" style="width: 80%; height: 100%;">
                                <img src="static/img/slam-map-icon.svg" alt="SVG Image" >
                                <div class="App-slam-menu-select-text">地 图 构 建</div>
                            </div>
                        </div>
                        <div id="rei-edit-map" class="App-slam-menu-select">
                            <div class="rounded-edges" style="width: 80%; height: 100%;">
                                <img src="static/img/slam-edit-map.svg" alt="SVG Image" >
                                <div class="App-slam-menu-select-text">编 辑 地 图</div> 
                            </div>
                        </div>
                        <div id="rei-edit-map-param" class="App-slam-menu-select">
                            <div class="rounded-edges" style="width: 80%; height: 100%;">
                                <img src="static/img/slam-edit-param-icon.svg" alt="SVG Image" >
                                <div class="App-slam-menu-select-text">导 航 参 数</div> 
                            </div>
                        </div>
                        <div id="rei-robot-data" class="App-slam-menu-select">
                            <div class="rounded-edges" style="width: 80%; height: 100%;">
                                <img src="static/img/slam-robot-data-icon.svg" alt="SVG Image" >
                                <div class="App-slam-menu-select-text">机器人数据</div> 
                            </div>
                        </div>
                    </div>
                    <div class="App-slam-content">
                        <div id="rei-make-map-tab" class="App-slam-content-work-grad">
                            <div class="rounded-edges rei-slam-ros-link-lamp" id="slam-lamp">
                            </div>
                            <div class="App-slam-content-work-grad-dock">
                                <div class="rounded-edges" style="margin-left: auto;margin-right: 15%;">
                                    <label for="rosip">IP地址：</label>
                                    <input type="text" id="rosip" name="rosip" value="127.0.0.1" required>
                                </div>
                                <div class="rounded-edges App-slam-content-work-grad-dock-button" id="start_slam">
                                    <img src="static/img/slam-start-slam-icon.svg" alt="SVG Image" >
                                    <div class="App-slam-menu-select-text">开始建图</div>
 
                                </div>
                                <div class="rei-confirmation-window" id="stop-slam">
                                    <div class="rei-close-window-button"></div>
                                    <div class="rei-window-content">
                                        <p>    地图构建程序运行中是否关闭？</p>
                                    </div>
                                    <div class="rei-window-content">
                                        <button style="width: 120px;" onclick="stop_slam()">确 定</button>
                                    </div>
                                </div>
                                <div class="rounded-edges App-slam-content-work-grad-dock-button" id="map_save">
                                    <img src="static/img/slam-save-map-icon.svg" alt="SVG Image" >
                                    <div class="App-slam-menu-select-text">保存地图</div> 
                                </div>
                                <div class="rei-confirmation-window" id="map_save_window">
                                    <div class="rei-close-window-button"></div>
                                    <div class="rei-window-content">
                                        <label for="map-name">map_name：</label>
                                        <input type="text" id="map-name" name="map-name" value="map" required>
                                    </div>
                                    <div class="rei-window-content">
                                        <p>为当前地图命名</p>
                                    </div>
                                    <div class="rei-window-content">
                                        <a href="/saveSlam"></a>
                                        <button style="width: 120px;" id="map-save-start">保 存</button>
                                    </div>
                                </div>
                            </div>
                            <div id="slam_viewer_rviz" class="App-slam-content-work-space"></div>
                        </div>
                        <div id="rei-edit-map-tab" class="App-slam-content-work-grad">
                            <div class="App-slam-content-work-grad-dock">
                            </div>
                            <div class="App-slam-content-work-space"></div>
                        </div>
                        <div id="rei-edit-map-param-tab" class="App-slam-content-work-grad">
                            <div class="App-slam-content-work-grad-dock">

                            </div>
                            <div class="App-slam-content-work-space"></div>
                        </div>
                        <div id="rei-robot-data-tab" class="App-slam-content-work-grad">
                            <div class="App-slam-content-work-grad-dock">
                            </div>
                            <div class="App-slam-content-work-space"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
		<div class="loader-wrapper">
			<div class='loader'>
				<div class='article'>
				  <div class='page'></div>
				</div>
			  </div>
        </div>
        <div class="rei-confirmation-window" id="linking-window">
            <div class="rei-close-window-button"></div>
            <div class="rei-window-content">
                <label for="rosip">机器人ip地址：</label>
                <input type="text" id="rosip" name="rosip" value="127.0.0.1" required>
            </div>
            <div class="rei-window-content">
                <p>设置机器人IP地址，以连接机器人。</p>
            </div>
            <div class="rei-window-content">
                <button style="width: 120px;" id="ros_linking">连接</button>
            </div>
        </div>
    </body> 
    <script src="{{ url_for('static',filename='js/rei_ros.js') }}"></script>
    <script src="{{ url_for('static',filename='js/slam-page.js') }}"></script>
</html>